<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Sistema de Prácticas Profesionales</title>
    </h:head>
    <h:body>
        <h:form id="form5">
            <DIV ALIGN="center" >
                <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ" style="background-color: lightgray" >  
                    <p:panel header="VISITA FINAL DEL SUPERVISOR" >
                    <h:panelGrid columns="4" border="5" bgcolor="" dir="CENTER" >
                        <h:outputText value="Periodo Acádemico " />     
                             <h:panelGrid columns="2" border="1" bgcolor="" dir="CENTER" >
                               <p:selectOneRadio id="PeriodoAcad" value="#{formBean.number}">  
                                   <f:selectItem itemLabel="I" itemValue="1" />
                                   <f:selectItem itemLabel="II" itemValue="1" />
                               </p:selectOneRadio>  
                            </h:panelGrid>
                        <h:outputText value="Fecha " />  
                        <p:calendar value="#{calendarBean.date3}" id="popupButtonCal" showOn="button" locale="tr"/> 
                        <h:outputText value="Profesional en formación   " />
                        <p:selectOneMenu id="city" value="#{pprBean.city}">  
                            <f:selectItem itemLabel="Seleccione--" itemValue="" />  
                            <f:selectItems value="#{pprBean.cities}" />   
                        </p:selectOneMenu> 
                        <h:outputText value="Nombre de la entidad " />
                        <p:inputText id="NomEntidad" maxlength="50" size="25"/> 
                        <h:outputText value="Dirección " />
                        <p:inputText id="Direccion" maxlength="50" size="25"/> 
                        <h:outputText value="Supervisor Entidad " />
                        <p:inputText id="SupervisorEnt" maxlength="50" size="25"/>
                        <h:outputText value="Cargo " />
                        <p:inputText id="Cargo" maxlength="50" size="25"/>
                    </h:panelGrid>    
                         
                    </p:panel>
                    <p:panel header="I. ANÁLISIS DE CUMPLIMIENTO DEL CRONOGRAMA: " >
                        <p:inputTextarea rows="4" cols="75" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />   
                    </p:panel>
                    <p:panel header="Con base en la información obtenida se podría afirmar que el cumplimiento del cronograma fue: " >
                        <p:selectOneRadio id="options" value="#{formBean.number}">  
                            <f:selectItem itemLabel="Total" itemValue="1" />  
                            <f:selectItem itemLabel="Parcial" itemValue="2" />  
                            <f:selectItem itemLabel="Deficiente" itemValue="3" /> 
                            <f:selectItem itemLabel="Nulo" itemValue="3" />
                        </p:selectOneRadio> 
                        <h:outputText value="Observaciones " />
                        <p:separator id="separator"/>
                        <p:inputTextarea rows="4" cols="75" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                    </p:panel>
                    <p:panel header="Cumplimiento de acuerdos y beneficios: " >
                        <p:selectOneRadio id="cumplimiento" value="#{formBean.number}">  
                            <f:selectItem itemLabel="Si" itemValue="1" />  
                            <f:selectItem itemLabel="No" itemValue="2" />  
                        </p:selectOneRadio>  
                        <p:selectManyCheckbox value="#{formBean.selectedOptions}">  
                            <f:selectItem itemLabel="Auxilio de transporte" itemValue="1" />  
                            <f:selectItem itemLabel="Alimentación" itemValue="2" />  
                            <f:selectItem itemLabel="Bonificación" itemValue="3" />
                            <f:selectItem itemLabel="Capacitación" itemValue="4" />  
                            <f:selectItem itemLabel="Trabajo Interdisciplinario" itemValue="5" />
                        </p:selectManyCheckbox> 
                    </p:panel>
                    <p:panel header=" II. RESPECTO DE LAS EXPECTATIVAS DE LA INSTITUCION:  " >
                        <p:selectOneRadio id="cumplimiento" value="#{formBean.number}">  
                            <f:selectItem itemLabel="Sobrepaso" itemValue="1" />  
                            <f:selectItem itemLabel="Cumplieron" itemValue="2" />
                            <f:selectItem itemLabel="NoCumplieron" itemValue="3" />
                        </p:selectOneRadio>
                        <h:outputText value="¿Por qué? " />
                        <p:separator id="separator"/>
                        <p:inputTextarea rows="4" cols="75" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                    </p:panel>
                    <p:panel header=" III. APORTES REALIZADOS A LA INSTITUCIÓN   " >
                        <p:inputTextarea rows="4" cols="75" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                    </p:panel>
                    <p:panel header=" IV. APORTES REALIZADOS AL PROFESIONAL EN FORMACIÓN POR PARTE DE LA INSTITUCIÓN:   " >
                        <p:inputTextarea rows="4" cols="75" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                    </p:panel>
                    <p:panel header=" V. OBSERVACIONES Y/O SUGERENCIAS " >
                        <p:inputTextarea rows="4" cols="75" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" />     
                    </p:panel>
                    <p:panel header=" VI. ENTREGA DE PAZ Y SALVO DE PRÁCTICA:  " >
                        <p:selectOneRadio id="PazYSalvo" value="#{formBean.number}">  
                            <f:selectItem itemLabel="Si" itemValue="1" />  
                            <f:selectItem itemLabel="No" itemValue="2" />  
                        </p:selectOneRadio>
                        <h:panelGrid columns="2" border="" bgcolor="" dir="CENTER" >
                        <p:commandButton value="Guardar" update="display" oncomplete="dlg.show()" />  
                        <p:commandButton value="Cancelar" update="display" oncomplete="dlg.show()" />  
                        <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                           <p:outputPanel id="display">  
                               <p:dataList value="#{formBean.selectedOptions}" var="option">  
                                   #{option}  
                               </p:dataList>  
                               <p:dataList value="#{formBean.selectedMovies}" var="movie">  
                                   #{movie}  
                               </p:dataList>  
                           </p:outputPanel>
                        </p:dialog>
                        </h:panelGrid>
                    </p:panel>
                </p:panel>
                    <h:outputText value="Fundacion Universitaria Konrad Lorenz - Todos los derechos reservados*" style="color: lightgray"/>
            </DIV>        
        </h:form> 
    </h:body>
    
</html>
